html{
    margin: 0;
    padding: 0;
    border: none;
}

body{
    padding-top: 7px;
    padding-bottom: 7px;
    margin: 0;
    background-color:#F5F5F5;
}

/* wrapper */
div#wrapper{
    position:relative;
    z-index:1;
    left:0;
    top:0;
    width:980px;
	height: 100%;
    margin:0 auto;
    /*    border-width:0 1px 1px 1px;
        border-style:solid;
        border-color:#708090;*/
    background-color:#FFFFFF;
    font-size:small;
    font-family:sans-serif;

}

/* top banner */
.header{
    clear:both;
    width:100%;
    height:85px;
    /*    border-width:1px 0 1px 0;
        border-style:solid;
        border-color:#708090;*/
    
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4481d2', endColorstr='#9fc2f1'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#4481d2), to(#9fc2f1)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #4481d2,  #9fc2f1); /* for firefox 3.6+ */
}
.header h1{
    text-align:center;
    color:#FFFFFF;
    font-family:sans-serif;
    font-weight:bold;
    font-size:30pt
}

/* footer section */
.footer{
    width:100%;
    clear:both;
    height:2em;
    border-width:1px 0 0 0;
    border-style:solid;
	border-color: silver
    /*border-color:#708090;	*/

    background-color:#FFFFFF;
    text-align:center;
    font-family:sans-serif;
	position: absolute;
	bottom: 0;
}
.footer span{
    position:relative;
    top:1ex;
    font-size:10pt;
}

/* left pane, main menu */
.leftpane{
    float:left;
    width:11%;
    /*border-right:1px solid #708090;*/
    /*padding-right:15px;*/
    padding-left:15px;
    padding-bottom:0px;
    text-align:right;
    font-size:11pt;
}

.menu{
	padding-right: 7px;
    list-style-type:none;
    font-family:sans-serif;
    font-size:small;
    font-weight:bold;
}
.menu a{
    font-size:small;
}
.menu a:link{
    color:#0000CD;
    text-decoration:none;
}
.menu a:visited{
    color:#0000CD;
    text-decoration:none;
}
.menu a:hover{
    color:#B22222;
    text-decoration:none;
}
.menu a:active{
    color:#B22222;
    text-decoration:none;    
}

/* right pane */
.rightpane{
    float:right;
    padding-left:15px;
    padding-right:15px;
    padding-top: 10px;
    padding-bottom: 10px;
    width:83%;
    background-color:#FFFFFF;
    /*border-left:1px dotted #708090;*/
    font-size:small;
    font-family:sans-serif;
}

.fullpane{
	position: absolute;
    padding-top: 10px;
    padding-bottom: 10px;
    width:100%;
    background-color:#FFFFFF;
    border: 2px;
    border-color: green;
    font-size:11pt;
    font-family:sans-serif;
	overflow: auto;
}

.contentTitle{
    width:100%;
    border-bottom:1px solid #708090;
    font-size:small;
    font-weight:bold;
    font-family: sans-serif;
    text-align: center;
    color:#2E8B57;
}
.contentTitle span.title{
    /*    color:#2E8B57;*/
    font-size:small;
    font-weight:bold;
    font-family: sans-serif;
    text-align: right;
    float:right;
}
.contentTitle span.username{
    float:right;
    font-size:9pt;
    color:#A52A2A
}

table.data{
    width:100%;
    /*   background-color: #E6E6FA; */
    border-spacing:0;
    border-collapse:collapse;
    table-layout:fixed;
}

table.data td{
    overflow:hidden;
    background-color: #E6E6FA; 
    border:1px solid #556B2F;
    font-size:10pt;
    text-align:center;
    padding-left:2px;
    padding-right:2px;
}

label {
	font-size: small;
}
label.error { width: 250px;  color: red; padding-left: 10px; }

.error_message {color: red; font-size: 10px;}
.toolTip A:link {text-decoration: none;}
.toolTip A:visited {text-decoration: none;}
.toolTip A:active {text-decoration: none}
.toolTip A:hover {text-decoration: none}
